<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>

<div class="modal quick-view-modal fade" id="quickModal" data-bs-backdrop="static" data-bs-keyboard="false"
     tabindex="-1" aria-labelledby="quickModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="Close" data-tippy="Close" data-tippy-inertia="true"
                        data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true"
                        data-tippy-theme="sharpborder"></button>
            </div>
            <div class="modal-body">
                <div class="modal-wrap row">
                    <div class="col-lg-6">
                        <div class="modal-img">
                            <!-- Begin Slider Area -->
                            <div class="swiper-slide" style="height: 500px; width: 500px;">
                                <img class="img-full" src="" alt="cover" id="coverImg">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pt-5 pt-lg-0">
                        <div class="single-product-content">
                            <input type="hidden" name="id" id="bookId">
                            <!-- 商品名称 -->
                            <h2 class="title" id="bookName"></h2>
                            <div class="review-status" style="height: 50px;">
                                分类: <span id="typeName"></span>
                            </div>
                            <!-- 作者 -->
                            <div class="review-status" style="height: 50px;">
                                作者: <span id="author"></span>
                            </div>
                            <!-- 出版社 -->
                            <div class="review-status" style="height: 50px;">
                                出版社: <span id="publisher"></span>
                            </div>
                            <!-- 书号 -->
                            <div class="review-status" style="height: 50px;">
                                国际标准书号: <span id="isbn"></span>
                            </div>

                            <!-- 商品价格 -->
                            <div class="price-box">
                                <span class="new-price" id="price"></span>
                            </div>

                            <!-- 介绍 -->
                            <p class="short-desc" id="mark"></p>
                            <ul class="quantity-with-btn">
                                <li class="add-to-cart">
                                    <a href="javascript:;" onclick="buy(document.getElementById('bookId').value)"
                                       class="btn btn-custom-size lg-size btn-pronia-primary">加入购物车</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



